<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <title>织蝶云 - OA+PM+CRM一站式企业应用管理平台</title>
   <!-- 小图标 -->
   <link rel="shortcut icon" href="./images/favicon/favicon.ico" type="image/x-icon">
   <!-- 清除样式 -->
   <!-- <link rel="stylesheet" href="./css/resets.css"> -->
   <!-- bootstrap的css包 -->
   <link rel="stylesheet" href="./lib/bootstrap_4/css/bootstrap.min.css">
   <!-- 模板样式css -->
   <link rel="stylesheet" href="./css/template.css">

   <link rel="stylesheet" href="./css/gy_crm.css">
   <!-- 清除样式 -->
   <link rel="stylesheet" href="./css/gy_resets.css">
   <!-- 引入字体图标css -->
   <link rel="stylesheet" href="./css/iconfont/gy_iconfont/iconfont.css">
   <link rel="stylesheet" href="./css/iconfont/lyd_approval/iconfont.css">
</head>

<body>
   <div class="left_nav">
      <div class="logo">
         <a href="/tmeplate">
            <img src="./images/lyd/lyd_approval_frame_logo-left.png" alt="织蝶云">
         </a>
      </div>
      <div class="left_nav_menu">
            <ul class="left_nav_menu_nav">
                  <li class="btn-block">
                     <a href="/page">
                          <i class="iconfont icon-home"></i>
                          <span>主页</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/mange">
                          <i class="iconfont icon-list"></i>
                          <span>项目</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/lyd_approval">
                          <i class="iconfont icon-suitcase"></i>
                          <span>审批</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/gy-CRM">
                          <i class="iconfont icon-users"></i>
                          <span>CRM</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="javascript:;">
                          <i class="iconfont icon-calendar"></i>
                          <span>日程</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="javascript:;">
                          <i class="iconfont icon-tasks"></i>
                          <span>报告</span>
                      </a>
                  </li>
                  <li class="btn-block">
                     <a href="/lyj_knowledge">
                          <i class="iconfont icon-book"></i>
                          <span>知识</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/document">
                          <i class="iconfont icon-columns"></i>
                          <span>文档</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/resume">
                          <i class="iconfont icon-male"></i>
                          <span>简历</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="javascript:;">
                          <i class="iconfont icon-tupian"></i>
                          <span>相册</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="javascript:;">
                          <i class="iconfont icon-bull-horn-announcer"></i>
                          <span>公告</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="javascript:;">
                          <i class="iconfont icon-gavel"></i>
                          <span>考勤</span>
                      </a>
                  </li>
                  <li class="btn-block">
                      <a href="/yyl_system">
                          <i class="iconfont icon-cogs"></i>
                          <span>系统</span>
                      </a>
                  </li>
              </ul>
      </div>
   </div>
   <div class="top_nav_box">
      <div class="top_nav">
         <a class="toggle-btn">
            <i class="iconfont icon-bars"></i>
         </a>
         <div class="top_center">
               <a href="javascript:;" class="btn btn-all ">客户</a>
               <!-- <a href="javascript:;" class="btn btn-all">任务</a> -->
               <a href="./gy_seas" class="btn btn-all">公海</a>
               <a href="./gy_thread" class="btn btn-all">线索</a>
               <a href="./gy_business" class="btn btn-all">商机</a>
               <a href="./gy_contract" class="btn btn-all">合同</a>
               <a href="javascript:;" class="btn btn-all actives">产品</a>
               <a href="./gy_sale" class="btn btn-all">售后</a>
               <!-- <a href="javascript:;" class="btn btn-all">目标</a>
               <a href="javascript:;" class="btn btn-all">统计</a> -->
         </div>
         <div class="top_right">
            <ul class="top_right_info">
               <li>
                  <a href="javascript:;" class="btn info_icon">
                     <i class="iconfont icon-envelope-o"></i>
                  </a>
                  <!-- 管理内容 -->
                  <div class="nav_switch_off">
                     <h5>你有0条信息</h5>
                     <ul>
                        <li>目前还没有最新消息</li>
                        <li>
                           <a href="javascript:;">查看更多</a>
                        </li>
                     </ul>
                  </div>
               </li>
               <li>
                  <a href="javascript:;" class="admi">
                     <img src="./images/lyd/6.jpg" alt="管理员">
                     管理员
                     <span class="iconfont icon-caret-bottom"></span>
                  </a>
                  <ul class="nav_switch_no amid_menu nav_switch_off">
                     <li><a href="javascript:;"><i class="iconfont icon-user"></i>个人主页</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-cog"></i>基本资料</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-camera"></i>更换头像</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-cog"></i>更换密码</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-list"></i>我的任务</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-magnet"></i>升级为付费版</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-tasks"></i>订单</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-comments"></i>聊天</a></li>
                     <li><a href="javascript:;"><i class="iconfont icon-SignOut"></i>退出</a></li>
                  </ul>
               </li>
            </ul>
         </div>
      </div>
      <div class="content-box">
         <div class="content">
            <div class="content-top clearfix">
               <!-- 我的客户左边部分 -->
               <div class="content-top-left">
                  <a href="javascript:;" class="activess">全部产品</a>
                  <a href="javascript:;">在售产品</a>
                  <a href="javascript:;">下遍产品</a>
                 
               </div>
               <!-- 我的客户右边部分 -->
               <div class="content-top-right">
                  <button type="button" class="content-top-right-one shaixuan"><i
                        class="iconfont icon-search"></i>筛选</button>
                  <button type="button" class="content-top-right-two"><i class="iconfont icon-plus1"></i>创建新产品</button>
                  <!-- <button type="button" class="content-top-right-three"><i
                        class="iconfont icon-dedent"></i>导入新客户</button> -->

               </div>
            </div>
            <!-- 搜索内容 -->
            <div class="content-search">
               <div class="content-search-form">
                  <form action="" class="search-data">
                     <div class="content-search-form-1"><input type="text" name="name" id="" placeholder="请输入姓名、企业名称等">
                     </div>
                     <div class="content-search-form-2"><select name="feilie" id="">
                           <option value="">选择客户分类</option>
                           <option value="1">储备客户</option>
                           <option value="2">潜在客户</option>
                           <option value="3">意向客户</option>
                           <option value="4">成交客户</option>
                           <option value="5">失败客户</option>
                           <option value="6">已流失客户</option>
                        </select></div>
                     <div class="content-search-form-3"><select name="zhuangtai" id="">
                           <option value="">选择客户状态</option>
                           <option value="1">新建</option>
                           <option value="2">跟进中</option>
                           <option value="3">已签单</option>
                           <option value="4">重新跟进</option>
                           <option value="5">已放弃</option>
                           <option value="6">已搁置</option>
                        </select></div>
                     <div class="content-search-form-4"><select name="liebie" id="">
                           <option value="">选择客户类别</option>
                           <option value="1">普通客户</option>
                           <option value="2">VIP客户</option>
                           <option value="3">老客户</option>
                           <option value="4">代理商</option>
                           <option value="5">供货商</option>
                           <option value="6">合作伙伴</option>
                           <option value="7">其他</option>
                        </select></div>
                     <div class="content-search-form-5"><select name="laiyuan" id="">
                           <option value="">选择客户来源</option>
                           <option value="1">行业展会</option>
                           <option value="2">商务研讨</option>
                           <option value="3">市场活动</option>
                           <option value="4">客户介绍</option>
                           <option value="5">合作伙伴</option>
                           <option value="6">网络搜索</option>
                           <option value="7">广告</option>
                           <option value="8">职员引介</option>
                           <option value="9">主动获取</option>
                           <option value="10">其他</option>
                           <option value="11">线索</option>
                        </select></div>
                     <div class="content-search-form-6"><select name="dengji" id="">
                           <option value="">选择客户等级</option>
                           <option value="1">一星</option>
                           <option value="2">二星</option>
                           <option value="3">三星</option>
                           <option value="4">四星</option>
                           <option value="5">五星</option>
                        </select></div>
                     <div class="content-search-form-7">
                        <input type="text" name="data" id="test1" placeholder="请选择日期">
                     </div>
                     <div class="content-search-form-8">
                        <input type="text" name="startdata" id="test2" placeholder="请选择开始时间">
                        <span>至</span>
                        <input type="text" name="stopdata" id="test3" placeholder="请选择截止时间">
                     </div>
                     <div class="content-search-form-9">
                        <button type="button" class="content-top-right-one btn-shaixuan"><i
                              class="iconfont icon-search"></i>筛选</button>
                        <span class="btn-guanbi">关闭</span>
                     </div>
                  </form>
               </div>
            </div>

            <!-- 内容 -->
            <div class="content-center">
               <!-- 引入bootstrap -->
               <div class="jumbotron alert-light">
                  <table class="table table-bordered">
                     <thead class="alert-secondar">
                        <tr>
                           <th scope="col" class="text-center">产品编号</th>
                           <th scope="col">名称</th>
                           <th scope="col" class="text-center">售价</th>
                           <th scope="col" class="text-center">成本价</th>
                           <th scope="col" class="text-center">单位</th>
                           <th scope="col" class="text-center">库存</th>
                           <th scope="col" class="text-center">状态</th>
                           <th scope="col" class="text-center">创建日期</th>
                           <th scope="col" class="text-center">操作</th>

                        </tr>
                     </thead>
                     <tbody>
                        <tr>
                           <th scope="row">1</th>
                           <td>Mark</td>
                           <td>Otto</td>
                           <td>@mdo</td>
                           <td>@mdo</td>
                           <td>@mdo</td>
                           <td>@mdo</td>
                           <td>@mdo</td>
                           <td>@mdo</td>

                        </tr>
                     </tbody>
                  </table>


                  <div class="content-center-bottom">共<span>0</span>条</div>
               </div>
            </div>
            <!-- 版权 -->
            <p>2020 © by 织蝶云系统 · <a href="">织蝶云手册</a> · <a href="">翌羽信息科技(上海)有限公司 版权所有</a></p>
            <!-- 底部 -->
            <div class="content-bottom">

            </div>



         </div>

      </div>
   </div>



   <!-- 引入jquery -->
   <script src="./lib/jquery/jquery.min.js"></script>
   <!-- 引入bootstrap的js -->
   <script src="./lib/bootstrap_4/js/bootstrap.min.js"></script>
   <!-- 模板样式js -->
   <script src="./js/gy_crm.js"></script>
   <script src="./js/template.js"></script>

   <!-- 引入字体图标js -->
   <script src="./js/iconfont/gy_iconfont/iconfont.js"></script>
   <script src="./js/iconfont/lyd_approval/iconfont.js"></script>
   <!-- 日历插件 -->
   <script src="./lib/layDate-v5.0.9/laydate/laydate.js"></script>
   <script>
      $('.jumbotron thead th').on('click', function () {
         // console.log(123);


      })
      $('.btn-guanbi').on('click', function () {
         // console.log(121);
         $('.content-search').hide()
      })
      $('.shaixuan').on('click', function () {
         // console.log(121);
         $('.content-search').show()
      })
      // 日历插件 
      laydate.render({
         elem: '#test1'
      })
      laydate.render({
         elem: '#test2'
      })
      laydate.render({
         elem: '#test3'
      })
      $('.btn-shaixuan').on('click', function () {
         let data = $('.content-search-form form').serialize();
         // let data = $('.content-search-form form').serializeArray();
         $('.content-search-form form input').val('')
         $('.content-search-form form select').val('')

         console.log(data);
         // console.log(12);

      })
   </script>
</body>

</html>